<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>子流程</title>
    <link href="Tools/MoCoop/MoCoop.css" rel="stylesheet">
    <!--MoCoop CSS-->
    <link href="css/style.css" rel="stylesheet">
    <!--自定义样式-->
    <link href="Tools/PTR/ptr.css" rel="stylesheet">
</head>
<body>
<div class="mc-container">
    <div class="mc-commonpage mc-simplepage">
        <div class="mc-body pagebg-grey">
            <div id="ptr">
                <span class="icon-ptr"></span>
                <div class="loading">
                    <span id="l1"></span>
                    <span id="l2"></span>
                    <span id="l3"></span>
                </div>
            </div>
            <div id="content" class="mc-fullpage pagebg-grey">
                <div id="CONTAINER-subprocess" class="ractivecontainer"></div>
                <div id="CONTAINER-processremark" class="ractivecontainer"></div>
                <script id="TEMPLATE-subprocess" type="text/ractive">
                {{#ractiveData}}
                    <div class="process-item">
                        <div class="process-itemcontainer">
                            <div class="process-name">{{processName}}</div>
                        </div>
                        <div class="process-date predict">
                            <div class="process-datelabel">提醒</div>
                            <div class="process-datebtn remind">
                                <span>{{(remindDateEdit ? remindDateEdit : remindDate) == 1000 || (remindDateEdit ? remindDateEdit : remindDate) == null?'提醒时间':formatDate((remindDateEdit ? remindDateEdit : remindDate),"yyyy-MM-dd")}}</span>
                                <input class="process-dateinput" onchange="util.changeDate(this,'提醒时间','{{jsonPK}}','{{processName}}')" type="date">
                            </div>
                        </div>
                        <div class="process-date actual">
                            <div class="process-datelabel">完成</div>
                            <div class="process-datebtn {{(statusEdit ? statusEdit : status) == 'F' ? 'finishDisable' : ''}}">
                                <span>{{((actualTimeEdit ? actualTimeEdit : actualTime) == 1000 || (actualTimeEdit ? actualTimeEdit : actualTime) == null)?'完成时间':formatDate((actualTimeEdit ? actualTimeEdit : actualTime),"yyyy-MM-dd")}}</span>
                                {{#if (statusEdit ? statusEdit : status)=='T'}}
                                        <input class="process-dateinput" onchange="util.changeDate(this,'完成时间','{{jsonPK}}','{{processName}}')" type="date" value="">
                                {{/if}}
                            </div>
                        </div>
                        <div class="process-completebtns">
                            <div class="process-completebtn" onclick="common.radio(this);util.changeSubProcessStatus('F','{{jsonPK}}','{{processName}}')">
                                <div class="checkbox process {{(statusEdit ? statusEdit : status) == 'F' ? 'active' :  ''}}">
                                    <div class="checkboxtick"></div>
                                </div>
                                <span class="mc-responseicon">未完成</span>
                            </div>
                            <div class="process-completebtn" onclick="common.radio(this);util.changeSubProcessStatus('T','{{jsonPK}}','{{processName}}')">
                                <div class="checkbox process {{(statusEdit ? statusEdit : status) == 'T' ? 'active' :  ''}}">
                                    <div class="checkboxtick"></div>
                                </div>
                                <span class="mc-responseicon">已完成</span>
                            </div>
                        </div>
                    </div>
                {{/ractiveData}}

                </script>

                <script id="TEMPLATE-processremark" type="text/ractive">
                    {{#ractiveData}}
                        <div class="list-title">流程备注：</div>
                        <div class="remark-list">
                            <div class="remark-item">
                                <!--<div class="header-floatright-btn text-right mc-responseicon textcolor-main" >删除</div>-->
                                <div class="header-floatright-btn text-right mc-responseicon textcolor-main"
                                     onclick="alert('123123123123')">编辑</div><!-- util.editProcessRemark('{{jsonPK}}') -->
                                <div class="remark-itemheader">
                                    流程：<span>{{processName}}</span>

                                </div>
                                <div class="remark-itemprogress">
                                    完成 {{completeQuantity}} 双
                                </div>
                                <div class="remark-itemcontent limit-2line">{{description}}</div>
                                <div class="remark-itemfooter">
                                    <div class="item-person">提交人：{{lastModifiedByUserLogin?lastModifiedByUserLogin:createdByUserLogin}}</div>
                                    <div class="item-date text-right">时间：{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                                </div>
                            </div>
                        </div>
                    {{/ractiveData}}
                </script>
            </div>
            <div id="btn-addremark" class="btn-bottom mc-btn"  onclick="util.addProcessRemark()">
                添加备注
            </div>
        </div>
    </div>
</div>
<script src="Tools/jquery-2.1.4.min.js"></script>
<!--jquery-->
<script src="Tools/Ractive.js"></script>
<script src="Tools/PTR/hammer.2.0.4.js"></script>
<script src="js/common.js"></script>
<script src="Tools/PTR/wptr.1.1.js"></script>
<!--公共方法JS（由用户编写）-->
<script src="js/pages/sub-process.js"></script>
<!--当前页面JS（由用户编写）-->
<script src='js/dataInterface.js'></script>
<!--获取数据方法JS（由用户编写）-->
<script src="Tools/MoCoop/MoCoop.js"></script>
<!--MoCoopJS（必须引入）-->
</body>
</html>
                    